<!DOCTYPE html>  
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN"> 
<head> 
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<title>当前活动</title>
	<!-- 常规css -->
    <link th:href="@{bootstrap/css/bootstrap.min.css}" rel="stylesheet" />
    <link th:href="@{font-awesome/css/font-awesome.min.css}" rel="stylesheet" />
    <!-- 项目css -->
    <link th:href="@{css/layout.css}" rel="stylesheet" />
</head> 
<body>
	<!-- 侧边导航栏 -->
	<div th:replace="aframe::sideNavigation"></div>
	
	<!-- 主页面 -->
	<div class="content" style="padding:0">
		<!-- 顶部导航栏 -->
		<div th:replace="aframe::topNavigation"></div>
		<!-- 内容 -->

		<!-- 标签页内容 -->
		<!--	拍卖	-->
		<div role="tabpanel" class="tab-pane active col-sm-4" style="margin-top:20px">
			<div class="panel panel-default" th:object="${auction}" >
				<div class="panel-heading">
					<h4>拍卖活动&nbsp;&nbsp;
						<span class="label label-success" th:if="*{isStarted eq 1} and *{isFinished eq 0}">进行中</span>
						<span class="label label-primary" th:if="*{isStarted} eq 0">未开始</span>
						<span class="label label-default" th:if="*{isFinished} eq 1">已结束</span>
					</h4>
				</div>
				<div class="panel-body" style="height: 700px">
					<form class="form-horizontal">
						<div class="form-group">
							<label class="col-sm-3 control-label">拍卖期号</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{auctionId}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">商品编号</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{goodsId}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">商品名</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{goodsName}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">商品图片</label>
							<div class="col-sm-9">
								<img class="form-control-static" alt="商品图片" th:src="*{goodsPic}" style="height:150px;max-height: 150px">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">拍卖起价</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{auctionOriginPrice}+' 元'"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">拍卖底价</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{auctionBottomPrice}+' 元'"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">当前价格</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{auctionNowPrice}+' 元'"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">单次降幅</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{auctionPricespan}+' 元'"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">开始时间</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{#dates.format(auctionBeginTime, 'yyyy-MM-dd HH:mm')}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">截止时间</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{#dates.format(auctionEndTime, 'yyyy-MM-dd HH:mm')}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">降价周期</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{auctionTimespan}+'分钟'"></p>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!--	秒杀	-->
		<div role="tabpanel" class="tab-pane active col-sm-4" style="margin-top:20px">
			<div class="panel panel-default" th:object="${seckill}" >
				<div class="panel-heading">
					<h4>秒杀活动&nbsp;&nbsp;
						<span class="label label-success" th:if="*{isStarted eq 1} and *{isFinished eq 0}">进行中</span>
						<span class="label label-primary" th:if="*{isStarted} eq 0">未开始</span>
						<span class="label label-default" th:if="*{isFinished} eq 1">已结束</span>
					</h4>
				</div>
				<div class="panel-body" style="height: 700px">
					<form class="form-horizontal">
						<div class="form-group">
							<label class="col-sm-3 control-label">秒杀期号</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{seckillId}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">商品编号</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{goodsId}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">商品名</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{goodsName}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">商品图片</label>
							<div class="col-sm-9">
								<img class="form-control-static" alt="商品图片" th:src="*{goodsPic}" style="height:150px;max-height: 150px">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">秒杀价格</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{seckillPrice}+' 元'"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">总数量</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{totalCount}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">剩余数量</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{seckillCount}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">开始时间</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{#dates.format(seckillBeginTime, 'yyyy-MM-dd HH:mm')}"></p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">结束时间</label>
							<div class="col-sm-9">
								<p class="form-control-static" th:text="*{seckillEndTime} ? *{#dates.format(seckillEndTime, 'yyyy-MM-dd HH:mm')} : '暂无'"></p>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<div role="tabpanel" class="tab-pane active col-sm-4" style="margin-top:20px">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4>今日特价&nbsp;&nbsp;
						<span class="label label-success">进行中</span>
					</h4>
				</div>
				<div class="panel-body table-responsive" style="height: 700px">
					<table class="table table-hover table-bordered">
						<thead>
						<tr>
							<th>商品编号</th>
							<th>商品名</th>
							<th>原价</th>
							<th>优惠价</th>
						</tr>
						</thead>
						<tbody>
						<tr th:each="onsale: ${onsaleList}">
							<th scope="row" th:text="${onsale?.goodsId}">编号</th>
							<td th:text="${onsale?.goodsName}">商品名</td>
							<td th:text="${onsale?.goodsPrice}+' 元'">原价</td>
							<td th:text="${onsale?.onsalePrice}+' 元'">优惠价</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
		<!-- end 内容 -->
	<!-- end 主页面 -->



	<!-- 模态框: 修改密码 -->
	<div th:replace="aframe::modifyPwd"></div>


<!-- 常规js -->
<script th:src="@{js/jquery-3.4.1.min.js}"></script>
<script th:src="@{bootstrap/js/bootstrap.min.js}"></script>
<!-- 模板js -->
<script th:replace="aframe::js-highlight"></script>
<!-- 项目js -->
<script th:src="@{js/md5.js}"></script>
<script th:src="@{js/setpwd.js}"></script>
<!-- 页面js -->



</body>
</html> 

